<div id="album-container" class="row-fluid album-container">
    <?php if (sizeof($arrAlbum['data']) > 0) { ?>
        <ul id="tiles" class="thumbnails">
            <?php foreach ($arrAlbum['data'] as $album) { ?>
                <li>
                    <a href="<?php echo base_url().'albums/'.$album['slug'].'/'.$album['album_id'].'.html'; ?>">
                        <div class="thumbnail">
                            <img alt="<?php echo $album['name']; ?>" src="<?php echo $album['thumb']; ?>"/>
                            <div class="caption">
                                <h3 class="cufon"><center><?php echo $album['name']; ?></center></h3>
                                <p class="cufon">
                                    <?php echo nl2br($album['info']); ?>
                                </p>
                            </div>
                            <div class="time cufon"><?php echo strftime('%d/%m/%Y', $album['create_date']); ?></div>
                        </div>
                    </a>
                </li>
            <?php } ?>
        </ul>
    <?php } ?>
</div>
<!-- Once the page is loaded, initalize the plug-in. -->
<script type="text/javascript">
    $(document).ready(function(){setTimeout(function(){var b={autoResize:!0,container:$("#album-container"),offset:20,itemWidth:290},a=$("#tiles li");a.wookmark(b);a.bind({mouseover:function(){$(this).find(".time").animate({right:"5px",opacity:"0.7"},50)},mouseleave:function(){$(this).find(".time").animate({right:"-5px",opacity:"0"},50)}})},1E3)});
</script>